<template>
  <div>
    <Row type="flex">
      <Col span="6" order="1" v-for="(item, index) in activity" :key="index" style="padding: 10px">
        <Card>
          <p slot="title">
            <Icon type="waterdrop"></Icon>
            {{item.activityName}}
          </p>
          <Row type="flex" justify="center" align="middle" class="">
            <div class="count-to-con">
              <img :src="item.activityImg" width="100%" alt="">
            </div>
          </Row>
        </Card>
      </Col>
    </Row>
  </div>
</template>

<script>

  export default {
    name: 'site_page',
    components: {},
    data() {
      return {
        activity: [
          {
            'activityName': '武汉奥林匹克羽毛球决赛',
            'activityImg': require('@/imgs/club-address-1.png'),
            'clubDetail': '武汉新入职的小伙伴有喜欢篮球的欢迎加入篮球俱乐部， 目前花山和招银大厦这边一般一到两周都会组织篮球活动，欢迎大家踊跃加入，一起切磋切磋，玩耍玩耍。 有兴趣的企业微信上可以联系“陈然”或者“陈昕”又或者武汉篮球俱乐部其他成员邀请加入。。。',
            'activityNum': '200',
            'activityDate': '2021-3-29 18:00-22:00',
            'activityAddress': '武汉·奥林匹克',
            'activityStatus': '进行中',
          },
          {
            'activityName': '北京水立方羽毛球决赛',
            'activityImg': require('@/imgs/club-address-2.png'),
            'clubDetail': '武汉新入职的小伙伴有喜欢篮球的欢迎加入篮球俱乐部， 目前花山和招银大厦这边一般一到两周都会组织篮球活动，欢迎大家踊跃加入，一起切磋切磋，玩耍玩耍。 有兴趣的企业微信上可以联系“陈然”或者“陈昕”又或者武汉篮球俱乐部其他成员邀请加入。。。',
            'activityNum': '1000',
            'activityDate': '2021-8-15 18:00-22:00',
            'activityAddress': '北京·水立方',
            'activityStatus': '计划中',
          },
          {
            'activityName': '奥林匹克体育场',
            'activityImg': require('@/imgs/club-address-3.png'),
            'clubDetail': '武汉新入职的小伙伴有喜欢篮球的欢迎加入篮球俱乐部， 目前花山和招银大厦这边一般一到两周都会组织篮球活动，欢迎大家踊跃加入，一起切磋切磋，玩耍玩耍。 有兴趣的企业微信上可以联系“陈然”或者“陈昕”又或者武汉篮球俱乐部其他成员邀请加入。。。',
            'activityNum': '1000',
            'activityDate': '2021-8-15 18:00-22:00',
            'activityAddress': '北京·水立方',
            'activityStatus': '计划中',
          },
          {
            'activityName': '芜湖·奥林匹克体育场',
            'activityImg': require('@/imgs/club-address-4.png'),
            'clubDetail': '武汉新入职的小伙伴有喜欢篮球的欢迎加入篮球俱乐部， 目前花山和招银大厦这边一般一到两周都会组织篮球活动，欢迎大家踊跃加入，一起切磋切磋，玩耍玩耍。 有兴趣的企业微信上可以联系“陈然”或者“陈昕”又或者武汉篮球俱乐部其他成员邀请加入。。。',
            'activityNum': '1000',
            'activityDate': '2021-8-15 18:00-22:00',
            'activityAddress': '北京·水立方',
            'activityStatus': '计划中',
          },
          {
            'activityName': '贵阳·奥林匹克体育场',
            'activityImg': require('@/imgs/club-address-5.png'),
            'clubDetail': '武汉新入职的小伙伴有喜欢篮球的欢迎加入篮球俱乐部， 目前花山和招银大厦这边一般一到两周都会组织篮球活动，欢迎大家踊跃加入，一起切磋切磋，玩耍玩耍。 有兴趣的企业微信上可以联系“陈然”或者“陈昕”又或者武汉篮球俱乐部其他成员邀请加入。。。',
            'activityNum': '1000',
            'activityDate': '2021-8-15 18:00-22:00',
            'activityAddress': '北京·水立方',
            'activityStatus': '计划中',
          },
          {
            'activityName': '科特迪瓦奥林匹克体育场',
            'activityImg': require('@/imgs/club-address-6.png'),
            'clubDetail': '武汉新入职的小伙伴有喜欢篮球的欢迎加入篮球俱乐部， 目前花山和招银大厦这边一般一到两周都会组织篮球活动，欢迎大家踊跃加入，一起切磋切磋，玩耍玩耍。 有兴趣的企业微信上可以联系“陈然”或者“陈昕”又或者武汉篮球俱乐部其他成员邀请加入。。。',
            'activityNum': '1000',
            'activityDate': '2021-8-15 18:00-22:00',
            'activityAddress': '北京·水立方',
            'activityStatus': '计划中',
          },
          {
            'activityName': '惠州奥林匹克体育场',
            'activityImg': require('@/imgs/club-address-7.png'),
            'clubDetail': '武汉新入职的小伙伴有喜欢篮球的欢迎加入篮球俱乐部， 目前花山和招银大厦这边一般一到两周都会组织篮球活动，欢迎大家踊跃加入，一起切磋切磋，玩耍玩耍。 有兴趣的企业微信上可以联系“陈然”或者“陈昕”又或者武汉篮球俱乐部其他成员邀请加入。。。',
            'activityNum': '1000',
            'activityDate': '2021-8-15 18:00-22:00',
            'activityAddress': '北京·水立方',
            'activityStatus': '计划中',
          },
          {
            'activityName': '温州奥林匹克体育场',
            'activityImg': require('@/imgs/club-address-8.png'),
            'clubDetail': '武汉新入职的小伙伴有喜欢篮球的欢迎加入篮球俱乐部， 目前花山和招银大厦这边一般一到两周都会组织篮球活动，欢迎大家踊跃加入，一起切磋切磋，玩耍玩耍。 有兴趣的企业微信上可以联系“陈然”或者“陈昕”又或者武汉篮球俱乐部其他成员邀请加入。。。',
            'activityNum': '1000',
            'activityDate': '2021-8-15 18:00-22:00',
            'activityAddress': '北京·水立方',
            'activityStatus': '计划中',
          }
        ],
        activityName: ['武汉奥林匹克羽毛球决赛', '武汉奥林匹克羽毛球决赛', '武汉奥林匹克羽毛球决赛', '武汉奥林匹克羽毛球决赛', '武汉奥林匹克羽毛球决赛'],
        club_detail: '武汉新入职的小伙伴有喜欢篮球的欢迎加入篮球俱乐部， 目前花山和招银大厦这边一般一到两周都会组织篮球活动，欢迎大家踊跃加入，一起切磋切磋，玩耍玩耍。 有兴趣的企业微信上可以联系“陈然”或者“陈昕”又或者武汉篮球俱乐部其他成员邀请加入。。。',
        end: 0,
        unit: [[3, '千多'], [4, '万多'], [5, '十万多']],
        unit2: [[1, '十多'], [2, '百多'], [3, '千多'], [4, '万多'], [5, '十万多'], [6, '百万多'], [7, '千万多'], [8, '亿多']],
        asynEndVal: 487,
        integratedEndVal: 3
      }
    }
  }
</script>

<style scoped>

</style>
